.el-button {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  cursor: pointer;
  background-color: $white;
  border: 1px solid #dddee1;
  @include border-radius(4px);
  -webkit-appearance: none;
  text-align: center;
  outline: none;
  transition: 0.1s;
  @include utils-user-select(none);
  padding: 9px 14px;
}

.el-button--default {
  &.is-disabled {
    background-color: #f7f8fa;
    color: #c0c4cc;
  }
}

.el-button--primary {
  background-color: $main-color;
  color: $white;
  border-color: $main-color;

  &.is-disabled {
    background-color: #dddee1;
    color: #aaa;
    border-color: #dddee1;
  }
}

.el-button--medium {
  font-size: 12px;
  padding: 7px 14px;
}

.el-button--small {
  font-size: 12px;
  padding: 5px 14px;
}
